iT邦幫忙

2

SEO - 新手入門

seo
Ares 2019-05-02 14:14:496621 瀏覽
  • 分享至 

  • xImage
  •  

在 Head 內插入 meta 標籤

<!-- UTF-8 編碼 -->
<meta charset="UTF-8">
<!-- RWD 聲明 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- IE 使用最新瀏覽器 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- 約 470px 左右的長度,語言不同長度自行拿捏 -->
<title>我是專案標題</title>
<!-- 網頁描述,長度約標題的 2.5 倍 -->
<meta name="description" content="我是網頁描述">

<!-- 網頁的 favicon,可使用 ico 或是 png 檔 -->
<link rel="icon" type="image/x-icon" href="https://XXXX.com/favicon.ico">
<link rel="icon" type="image/png" href="https://XXXX.com/favicon.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/XXXX-icon.png">

<!-- 給 FB 看的屬性標籤 -->
<meta property="og:title" content="標題">
<meta property="og:type" content="類型">
<meta property="og:description" content="描述">
<meta property="og:site_name" content="網站名稱">
<meta property="og:locale" content="zh_TW">
<meta property="og:url" content="https://XXXX.com/XXXX.html">
<meta property="og:image" content="https://XXXX.com/image.jpg">

<!-- 給 Twitter 看的屬性標籤 -->
<meta name="twitter:card" content="類型">
<meta name="twitter:title" content="標題">
<meta name="twitter:description" content="描述">
<meta name="twitter:site" content="帳號">
<meta name="twitter:creator" content="作者">
<meta name="twitter:url" content="https://XXXX.com/XXXX.html">
<meta name="twitter:image" content="https://XXXX.com/XXXX.jpg">

另外可以使用以下工具查看結果:
Facebook 開發者工具
Twitter 開發者工具

正確使用 HTML 標籤

使用語意化的標籤使結構完整,不要整個網站都使用 div 標籤
如不清楚 HTML 標籤,可參考 HTML 標籤列表

使用 Google Analytics 觀察流量

使用 GA 可以進一步觀察使用者,抓出使用者如何進入網站、目標客群、行為流程...等等
分析之後可以進一步瞭解需要加強的地方

fbclid

有時候看到 FB 連過來的網址參數會有 /?fbclid=XXXXXXXX,這是 FB 的 Cookie機制導致,但這會讓同一篇文章變成不同的網址,讓資料很難檢視,這時可以用 GA 的篩選器將他過濾掉

  1. 管理所有篩選器新增篩選器
  2. 輸入篩選器名稱
  3. 篩選器類型為 自訂
  4. 選擇 收尋與取代
  5. 篩選器欄位為 請求URI
  6. 收尋字串輸入 fbclid=[^&]*&?,取代字串為空
  7. 最後套用到所有網站資料即可

透過 Search Console 加入 Sitemap

  1. 首先將網站加入Search Console,可以觀看網頁分析
  2. 之後使用 Sitemap 產生工具產出 Sitemap,也就是網站地圖
  3. 將產生出來的 Sitemap 放入根目錄,之後提交至 Search Console
    Search Console 預覽圖
  4. 將 Search Console 與 GA 串連
    可以到 管理資源設定Search Console 進行設定

結構化網頁資料

使用結構化測試工具將網頁資料進行結構化也有助於 SEO 的提高
另外亦可以使用 itemprop 來進行結構化資料,可參考 schema.org

忽略不想被抓取的網頁

可於根目錄新增 robots.txt 檔案,並根據 Google 文檔進行設定,爬蟲會依照此文件規則執行,將你不想被收錄的網站排除掉

以上是小弟這幾天搜尋的資料內容,如有錯誤或其他方法歡迎指教~


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言